// 从vue依赖中，引入创建Vue实例对象的方法
import { createApp } from 'vue'
// 从App.vue组件中，导入App组件实例对象
import App from './App.vue'
// 引入自定义封装的router实例对象，在指定加载某一个文件夹时，
// 会自动加载该文件夹下的index.js文件
import router from '@/router'
// 引入element-plus的内容，包括element-plus的组件库及样式
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'

// 在此处创建Vue实例，就是直接把App.vue中的内容挂载到index.html静态页面中
let app = createApp(App)
// 根据createApp()方法返回的Vue实例对象，调用mount()方法
// 在main.js中，将ElementPlus组件库注册到全局的Vue实例中，
app.use(ElementPlus)
// 第五步，将路由的实例
app.use(router)

// 指定挂载id选择器为app的视图区域
app.mount('#app')
